<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- CHANGE THIS TITLE TAG -->
    <title>MODDERFONTEIN 规划说明</title>
    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>
    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
</head>

<body data-spy="scroll" style="background: url('../img/bg.png') repeat-x;">

    <!-- TOP MENU NAVIGATION -->
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <!--导航开始-->
            <div class="navbar navbar-fixed-top" style="backgroud : url('../../images/bg.png') repeat;height:60px">
                <div class="navbar-inner" style="backgroud-color:#777777;opacity:1;height:60px">
                    <!-- <div class="container">-->
                    <div class="lrstyle" style="height:60px;">
                        <a class="brand pull-left" href="http://www.zendai.com" target="_blank">
                            <img src="../../images/zendai.png">
                        </a>
                        <a class="brand pull-left" style="padding:0;margin-left:0px;margin-top:14px;" href="/">
                            <img src="../../images/log-mdf.png">
                        </a>
                        <a class="brand pull-left" href="../../guihua.html" target="_blank" style="padding:0;margin-left:5px;margin-top:16px;height:60px">
                            <img src="../../images/emap.png">
                        </a>
                        <ul id="nav-list2" class="nav" style="height:60px; float:right">
                            <li>
                                <a href="../../guihua.html">
                                    <img src='../../images/index/emap.png'>
                                </a>
                            </li>
                            <li>
                                <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                                    <img src='../../images/index/english.png'>
                                </a>
                            </li>
                        </ul>
                        <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                            <li>
                                <a href="qwbj.html" id="menu_qwbj">
                                    <img src='../../images/index/区域背景.png'>
                                </a>
                            </li>
                            <li>
                                <a href="ghdw.html" id="menu_ghdw">
                                    <img src='../../images/index/规划定位.png'>
                                </a>
                            </li>
                            <li>
                                <a href="ghln.html" id="menu_ghln">
                                    <img src='../../images/index/规划理念1.png'>
                                </a>
                            </li>
                            <li>
                                <a href="cygh.html" id="menu_cygh">
                                    <img src='../../images/index/产业规划.png'>
                                </a>
                            </li>
                            <li>
                                <a href="cssj.html" id="menu_cssj">
                                    <img src='../../images/index/城市设计.png'>
                                </a>
                            </li>
                        </ul>

                    </div>

                    <!-- </div> -->
                </div>
            </div>
            <!--导航结束-->
        </div>
    </div>

    <!-- QWBJ CONTENT -->
    <div class="container content container-fluid" id="home">
        <div class="row-fluid">
            <!-- APP DETAILS -->
            <div class="span12" style="margin-top:-10px;">
                <!-- APP NAME -->
                <div id="main_title">
                    <h2>

                    </h2>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span12 page-title">
                <table style="margin-left:auto;margin-right:auto;margin-top:-80px;">
                    <tr>
                        <td>
                            <a id="cdjsshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghln/cdjsd.jpg" style="width:150px;height:73px">
                                    <div id="main_cdjsz" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td rowspan="5">
                            <a id="rwjcssshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghln/rwjcssd.jpg" style="width:490px;height:430px">
                                    <div id="main_rwjcssz" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td rowspan="3">
                            <div id="main_detail" style="font-family:'微软雅黑';font-size:15px;padding:15px;">

                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a id="stjcssshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghln/stjcssd.jpg" style="width:150px;height:73px">
                                    <div id="main_stjcssz" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a id="zhgnhfhgnshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghln/zhgnhfhgnd.jpg" style="width:150px;height:73px">
                                    <div id="main_zhgnhfhgnz" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a id="csjcssshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghln/csjcssd.jpg" style="width:150px;height:73px">
                                    <div id="main_csjcssz" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td rowspan="2">
                            <a id="cjhfzxtshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghln/cjhfzxtd.jpg" style="width:280px;height:165px">
                                    <div id="main_cjhfzxtz" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a id="bhhkfzshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghln/bhhkfzd.jpg" style="width:150px;height:73px">
                                    <div id="main_bhhkfz" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>

        </div>
    </div>
    <div id="idBoxbhhkfz" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframebhhkfz" src="bhhkfz-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="bhhkfzDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxcdjs" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframecdjs" src="cdjs-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="cdjsDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxcsjcss" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframecsjcss" src="csjcss-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="csjcssDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxrwjcss" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframerwjcss" src="rwjcsss-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="rwjcssDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxstjcss" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframestjcss" src="stjcsss-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="stjcssDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxzhgnhfhgn" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframezhgnhfhgn" src="zhgnhfhgn-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="zhgnhfhgnDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxcjhfzxt" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframecjhfzxt" src="cjhfzxt-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="cjhfzxtDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <!-- FOOTER -->
    <div class="footer container container-fluid">
        <!-- COPYRIGHT - EDIT HOWEVER YOU WANT! -->

        <div id="copyright">
            MDF-GIS, V1.0, 2014.4, developed by Antown Tech & JWDA Shanghai
            <br>
        </div>
    </div>


    <script>
    // var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    // initpage(pagelanguage);
    (function() {
        var abbhhkfz = new AlertBox("idBoxbhhkfz"),
            lock = true,
            center = true;
        var abcdjs = new AlertBox("idBoxcdjs"),
            lock = true,
            center = true;
        var abcsjcss = new AlertBox("idBoxcsjcss"),
            lock = true,
            center = true;
        var abrwjcss = new AlertBox("idBoxrwjcss"),
            lock = true,
            center = true;
        var abstjcss = new AlertBox("idBoxstjcss"),
            lock = true,
            center = true;
        var abzhgnhfhgn = new AlertBox("idBoxzhgnhfhgn"),
            lock = true,
            center = true;
        var abcjhfzxt = new AlertBox("idBoxcjhfzxt"),
            lock = true,
            center = true;


        $$("bhhkfzshowDetail").onclick = function() {
            abbhhkfz.center = true;
            // abbhhkfz.lock = true;
            abbhhkfz.show();
        }

        $$("bhhkfzDetailcolse").onclick = function() {
            abbhhkfz.close();
        }

        $$("cdjsshowDetail").onclick = function() {
            abcdjs.center = true;
            // abcdjs.lock = true;
            abcdjs.show();
        }

        $$("cdjsDetailcolse").onclick = function() {
            abcdjs.close();
        }

        $$("csjcssshowDetail").onclick = function() {
            abcsjcss.center = true;
            // abcsjcss.lock = true;
            abcsjcss.show();
        }

        $$("csjcssDetailcolse").onclick = function() {
            abcsjcss.close();
        }

        $$("rwjcssshowDetail").onclick = function() {
            abrwjcss.center = true;

            abrwjcss.show();
        }

        $$("rwjcssDetailcolse").onclick = function() {
            abrwjcss.close();
        }

        $$("stjcssshowDetail").onclick = function() {
            abstjcss.center = true;
            // abstjcss.lock = true;
            abstjcss.show();
        }

        $$("stjcssDetailcolse").onclick = function() {
            abstjcss.close();
        }

        $$("zhgnhfhgnshowDetail").onclick = function() {
            abzhgnhfhgn.center = true;
            // abzhgnhfhgn.lock = true;
            abzhgnhfhgn.show();
        }

        $$("zhgnhfhgnDetailcolse").onclick = function() {
            abzhgnhfhgn.close();
        }

        $$("cjhfzxtshowDetail").onclick = function() {
            abcjhfzxt.center = true;

            abcjhfzxt.show();
        }

        $$("cjhfzxtDetailcolse").onclick = function() {
            abcjhfzxt.close();
        }
    })()



    function setllanguage(pagelanguage) {
        var main_title, main_bhhkfz, main_cdjsz, main_csjcssz, main_rwjcssz, main_stjcssz, main_zhgnhfhgnz, main_cjhfzxtz, main_detail;
        if (pagelanguage == "en") {
            main_title = "<h2>Concept</h2>";
            main_bhhkfz = "BLANCE BETWEEN ...";
            main_cdjsz = "THE SPIRIT OF PLACE";
            main_csjcssz = "UIS";
            main_rwjcssz = "CULTURAL INFRASTRUCTURE SYSTEM(CIS)";
            main_stjcssz = "EIS";
            main_zhgnhfhgnz = "MULTIFUNCTION";
            main_cjhfzxtz = "COHERENCE BETWEEN PHYSICAL PLAN...";
            main_detail = "We strive to balance preservation and development in terms of the quantity and mode of development, as well as maintenance. The key method is to preserve the muscles and bones of the site, which shows the strong consciousness of appropriate and smart development.";
        } else {
            main_title = "<h2>规划理念</h2>";
            main_bhhkfz = "保护和开发平衡";
            main_cdjsz = "场地精神";
            main_csjcssz = "城市基础设施";
            main_rwjcssz = "人文基础设施";
            main_stjcssz = "生态基础设施";
            main_zhgnhfhgnz = "综合功能和复合功能";
            main_cjhfzxtz = "体型规划设计和社会经济发展的协调";
            main_detail = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;竭力做到开发和保护环境之间的平衡。无论是在数量、方式以及运营层次，有意识的进行适度、智慧的开发利用，正是这种平衡的关键所在，其核心是保护场地的筋骨。";
        }
        $("#main_title").html(main_title)
        $("#main_bhhkfz").html(main_bhhkfz)
        $("#main_cdjsz").html(main_cdjsz)
        $("#main_csjcssz").html(main_csjcssz)
        $("#main_rwjcssz").html(main_rwjcssz)
        $("#main_stjcssz").html(main_stjcssz)
        $("#main_zhgnhfhgnz").html(main_zhgnhfhgnz)
        $("#main_cjhfzxtz").html(main_cjhfzxtz)
        $("#main_detail").html(main_detail);
    };

    function changelanguage11(pagelanguage) {
        if (pagelanguage == "en") {
            $("a#planguage>img").attr('src', '/images/index/中文.png')
            $("a#menu_qwbj>img").attr('src', '/images/index/context.png')
            $("a#menu_ghdw>img").attr('src', '/images/index/positioning.png')
            $("a#menu_ghln>img").attr('src', '/images/index/concept1.png')
            $("a#menu_cygh>img").attr('src', '/images/index/industry.png')
            $("a#menu_cssj>img").attr('src', '/images/index/design.png')
        } else {
            $("a#planguage>img").attr('src', '/images/index/english.png')
            $("a#menu_qwbj>img").attr('src', '/images/index/区域背景.png')
            $("a#menu_ghdw>img").attr('src', '/images/index/规划定位.png')
            $("a#menu_ghln>img").attr('src', '/images/index/规划理念1.png')
            $("a#menu_cygh>img").attr('src', '/images/index/产业规划.png')
            $("a#menu_cssj>img").attr('src', '/images/index/城市设计.png')
        }
        chagelinkhref(pagelanguage);
    }
    </script>
</body>

</html>
